<!DOCTYPE html>
<html>
<head>
	<style>
		body{ background:#f2f2f2;}
		.error-box{ width:1100px; margin:15% auto;}
		.error-img{ float:left; position:relative;}
		.error-img strong{ position:absolute; height:100px; width:170px; line-height:100px; text-align:center; font-size:60px; color:#fff; font-weight:bold; right:13px; top:89px;}
		.error-content{ float:right;}
		.error-content strong{ font-size:36px; color:#e8411b; font-weight:bold;}
		.error-content dl{ color:#b3b3b3; line-height:50px; font-size:18px; padding-top:20px;}
		.error-content dl dd i{ width:8px; height:8px; float:left; background:#cccccc; overflow:hidden; border-radius:50%; margin:22px 10px 0 10px;}
		.back-btn{ height:45px; line-height:45px; background:#e8411b; color:#fff; font-weight:bold; padding:0 50px; float:left; font-size:18px; margin-top:50px;}
		.back-btn:hover{ text-decoration:none;}
	</style>
</head>
<body>
	<div class="error-box">
		<div class="error-img">
			<img src="__ERROR__/img/error.jpg"/>
			<strong>404</strong>
		</div>
		<div class="error-content">
			<strong>嗯？好像迷路了！</strong>
			<dl>
				<dt>可能原因：</dt>
				<dd><i></i>您访问的页面不存在，请检查您输入的网址是否正确</dd>
				<dd><i></i>页面可能已过期</dd>
			</dl>
			<a href="<?php echo __ROOT__;?>" class="back-btn">返回首页</a>
		</div>
	</div>
</body>
</html>
